<template>
    <div>
      <p @click="a++">A:{{getA()}}}</p>
      <p @click="b++">computed B:{{B}}</p>
      <p @click="c++">getC{{getC()}}</p>
    </div>
</template>

<script>
    export default {
        name: 'test',
        data:{
          a:0,
          b:1,
          c:1
        },
        computed:{
          B(){
            return this.getB();
          }
        },
      methods:{
        getA(){
          return this.a;
        },
        getB(){
          return this.b;
        },
        getC(){
          return this.c+this.getB();
        }
      }
    }
</script>

<style scoped>

</style>
